/* 

jFlow Plus Demo CSS 

Description: Demonstation CSS for jFlow Plus
Creator: Devin Walker
Date: July 29, 2010


*/

#container {
	width: 250px;
	height: 290px;
	position: relative;
	margin: 0 auto;
}

.slide span {
	background: url(../img/path.png) repeat-x;
	position: absolute;
	bottom: 20px;
	left: 8px;
	padding: 6px;
	height:68px;
	width:222px;
}

.slide h1 {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin:0;
}

.slide p {
	font-family: Myriad pro;
	font-size:10px;
	color:#fff;
	padding:0;
	margin:0;
	width:170px;
	line-height:11px;
}

.slide a.readmore {
	position:absolute;
	bottom: -12px;
	right:0px;
	display:block;
	font-size:9px;
	font-style:normal;
	background:url(../img/arrow-path.png) no-repeat center;
	width:78px;
	text-align:center;
	padding: 3px 0;
}

.jFlowSlideContainer {
	position:relative;
}

.jFlowSlideContainer img {
	width:234px;
}

.jFlowSlideContainer a {
	color: #fff;
	text-decoration: none;
	font-style: italic;
}



.jFlowNext div {
	background: url(../img/arrow-right.png) no-repeat;
	height:26px;
	position:absolute;
	right:0px;
	top:120px;
	width:26px;
	cursor:pointer;
}

.jFlowPrev div {
	background: url(../img/arrow-left.png) no-repeat;
	height:26px;
	position:absolute;
	top:120px;
	left: 0px;
	width:26px;
	cursor:pointer;
}

